<script setup lang="ts">
import { ref } from 'vue';
import MyInputNumber from './components/MyInputNumber.vue';
import FormValidate from './views/FormValidate.vue';
import VModelCustomComp from './views/VModelCustomComp.vue';
import VmodelDemo from './views/VmodelDemo.vue';


const num = ref(1)
</script>

<template>
  <!-- 表单校验案例 -->
  <FormValidate v-if="false" />
  <!-- v-model 案例 -->
  <VmodelDemo v-if="false" />
  <!-- 自定义v-model -->
  <VModelCustomComp v-if="false" />
  <!-- 数字输入框 -->
  <div>父组件 num:{{ num }}</div>
  <!-- v-model:modelValue可简写为 v-model -->
  <!-- <MyInputNumber v-model:modelValue="num" /> -->
  <MyInputNumber v-model="num" />
</template>
<style></style>